<template>
	<view>
		<image src="/static/common/bg1.png" class="pagebg1" mode=""></image>
		<u-navbar :safeAreaInsetTop="true" title="特价优惠" :autoBack="true" :bgColor="'rgba(255,255,255,'+opc+')'"
			placeholder>
		
		</u-navbar>
		<view class="pagecon">
			<u-swiper :list="list1" height="203rpx" radius="30rpx" bgColor="transparent"></u-swiper>
			<view class="" style="height: 30rpx;">
				
			</view>
			<view class="" :style="{height:'calc(100vh - 44px - 203rpx - 60rpx - '+$u.addUnit($u.sys().statusBarHeight)+')'}">
				<scroll-view scroll-y="true" style="height: 100%;">
					<view class="list">
						<proitem v-for="(item,index) in list6" :key="index" :info="item.goods"></proitem>
					</view>
				</scroll-view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getSpecialGoods
	} from "@/request/api/goods.js"
	export default {
		data() {
			return {
				opc:0,
				list1:['/static/goods/banner.png'],
				list6:[]
			};
		},
		onLoad() {
			getSpecialGoods().then(res => {
				this.list6 = res.data;
			})
		}
	}
</script>

<style lang="scss">
.pagecon{
	padding: 30rpx 30rpx 0;
	
}
.list{
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 30rpx;
}
</style>
